import React from "react";
import './index.scss'

const CarInfo: React.FC<any> = (props) => {

  console.log("-------CarInfo---------")

  let {res} = props

  return (
    <div className="Container">
      <div className='carInfo'>
        <span style={{paddingLeft: '1.5rem'}}>
          <h1>&nbsp;&nbsp;&nbsp;{res.battery}&nbsp;<a>公里</a></h1>
          <h2>&nbsp;&nbsp;&nbsp;续航里程（预估)</h2>
        </span>
        <span style={{width: '6rem'}}>
          <h1>&nbsp;&nbsp;{res.speedUp}&nbsp;<a>秒</a></h1>
          <h2>百公里加速*</h2>
        </span>
        <span>
          <h1>{res.higtSpeed}&nbsp;<a>公里/小时</a></h1>
          <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;最高车速+</h2>
        </span>
      </div>
    </div>
  )
}

export default CarInfo
